﻿<!DOCTYPE html>
<html>
  <head>
    <title>选择宠物页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/选择宠物页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/选择宠物页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (手机框架) -->

      <!-- Unnamed (Image) -->
      <div id="u397" class="ax_default image">
        <img id="u397_img" class="img " src="images/引导用户使用页/u27.jpg"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u398" class="ax_default box_2">
        <div id="u398_div" class=""></div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u399" class="ax_default">
        <div id="u399_state0" class="panel_state" data-label="State1" style="">
          <div id="u399_state0_content" class="panel_state_content">

            <!-- card (Group) -->
            <div id="u400" class="ax_default" data-label="card" data-left="9" data-top="152" data-width="373" data-height="240">

              <!-- Unnamed (Rectangle) -->
              <div id="u401" class="ax_default box_2">
                <div id="u401_div" class=""></div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u402" class="ax_default image">
                <img id="u402_img" class="img " src="images/选择宠物页/u402.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u403" class="ax_default heading_3">
                <div id="u403_div" class=""></div>
                <div id="u403_text" class="text ">
                  <p><span>波斯猫</span></p>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u404" class="ax_default" data-left="109" data-top="204" data-width="146" data-height="21">

                <!-- Unnamed (Shape) -->
                <div id="u405" class="ax_default icon">
                  <img id="u405_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u406" class="ax_default icon">
                  <img id="u406_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u407" class="ax_default icon">
                  <img id="u407_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u408" class="ax_default label">
                  <div id="u408_div" class=""></div>
                  <div id="u408_text" class="text ">
                    <p><span>喜叫程度：</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u409" class="ax_default" data-left="109" data-top="230" data-width="146" data-height="21">

                <!-- Unnamed (Shape) -->
                <div id="u410" class="ax_default icon">
                  <img id="u410_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u411" class="ax_default icon">
                  <img id="u411_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u412" class="ax_default icon">
                  <img id="u412_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u413" class="ax_default label">
                  <div id="u413_div" class=""></div>
                  <div id="u413_text" class="text ">
                    <p><span>掉毛程度：</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u414" class="ax_default" data-left="109" data-top="313" data-width="257" data-height="62">

                <!-- Unnamed (Rectangle) -->
                <div id="u415" class="ax_default label">
                  <div id="u415_div" class=""></div>
                  <div id="u415_text" class="text ">
                    <p><span>特点：性情温文尔雅，聪明敏捷，善解人意，少动好静，叫声尖细柔美，爱撒娇。</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u416" class="ax_default" data-left="109" data-top="285" data-width="73" data-height="18">

                <!-- Unnamed (Rectangle) -->
                <div id="u417" class="ax_default label">
                  <div id="u417_div" class=""></div>
                  <div id="u417_text" class="text ">
                    <p><span>体型毛长：</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u418" class="ax_default" data-left="182" data-top="286" data-width="73" data-height="18">

                <!-- Unnamed (Rectangle) -->
                <div id="u419" class="ax_default label">
                  <div id="u419_div" class=""></div>
                  <div id="u419_text" class="text ">
                    <p><span>中型、长毛</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u420" class="ax_default" data-left="109" data-top="179" data-width="73" data-height="18">

                <!-- Unnamed (Rectangle) -->
                <div id="u421" class="ax_default label">
                  <div id="u421_div" class=""></div>
                  <div id="u421_text" class="text ">
                    <p><span>别名：波登</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u422" class="ax_default" data-left="109" data-top="255" data-width="146" data-height="21">

                <!-- Unnamed (Shape) -->
                <div id="u423" class="ax_default icon">
                  <img id="u423_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u424" class="ax_default icon">
                  <img id="u424_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u425" class="ax_default icon">
                  <img id="u425_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u426" class="ax_default label">
                  <div id="u426_div" class=""></div>
                  <div id="u426_text" class="text ">
                    <p><span>可训程度：</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- card (Group) -->
            <div id="u427" class="ax_default" data-label="card" data-left="9" data-top="413" data-width="373" data-height="240">

              <!-- Unnamed (Rectangle) -->
              <div id="u428" class="ax_default box_2">
                <div id="u428_div" class=""></div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u429" class="ax_default image">
                <img id="u429_img" class="img " src="images/选择宠物页/u402.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u430" class="ax_default heading_3">
                <div id="u430_div" class=""></div>
                <div id="u430_text" class="text ">
                  <p><span>波斯猫</span></p>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u431" class="ax_default" data-left="109" data-top="465" data-width="146" data-height="21">

                <!-- Unnamed (Shape) -->
                <div id="u432" class="ax_default icon">
                  <img id="u432_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u433" class="ax_default icon">
                  <img id="u433_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u434" class="ax_default icon">
                  <img id="u434_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u435" class="ax_default label">
                  <div id="u435_div" class=""></div>
                  <div id="u435_text" class="text ">
                    <p><span>喜叫程度：</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u436" class="ax_default" data-left="109" data-top="491" data-width="146" data-height="21">

                <!-- Unnamed (Shape) -->
                <div id="u437" class="ax_default icon">
                  <img id="u437_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u438" class="ax_default icon">
                  <img id="u438_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u439" class="ax_default icon">
                  <img id="u439_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u440" class="ax_default label">
                  <div id="u440_div" class=""></div>
                  <div id="u440_text" class="text ">
                    <p><span>掉毛程度：</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u441" class="ax_default" data-left="109" data-top="574" data-width="257" data-height="62">

                <!-- Unnamed (Rectangle) -->
                <div id="u442" class="ax_default label">
                  <div id="u442_div" class=""></div>
                  <div id="u442_text" class="text ">
                    <p><span>特点：性情温文尔雅，聪明敏捷，善解人意，少动好静，叫声尖细柔美，爱撒娇。</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u443" class="ax_default" data-left="109" data-top="546" data-width="73" data-height="18">

                <!-- Unnamed (Rectangle) -->
                <div id="u444" class="ax_default label">
                  <div id="u444_div" class=""></div>
                  <div id="u444_text" class="text ">
                    <p><span>体型毛长：</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u445" class="ax_default" data-left="182" data-top="547" data-width="73" data-height="18">

                <!-- Unnamed (Rectangle) -->
                <div id="u446" class="ax_default label">
                  <div id="u446_div" class=""></div>
                  <div id="u446_text" class="text ">
                    <p><span>中型、长毛</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u447" class="ax_default" data-left="109" data-top="440" data-width="73" data-height="18">

                <!-- Unnamed (Rectangle) -->
                <div id="u448" class="ax_default label">
                  <div id="u448_div" class=""></div>
                  <div id="u448_text" class="text ">
                    <p><span>别名：波登</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u449" class="ax_default" data-left="109" data-top="516" data-width="146" data-height="21">

                <!-- Unnamed (Shape) -->
                <div id="u450" class="ax_default icon">
                  <img id="u450_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u451" class="ax_default icon">
                  <img id="u451_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u452" class="ax_default icon">
                  <img id="u452_img" class="img " src="images/选择宠物页/u405.png"/>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u453" class="ax_default label">
                  <div id="u453_div" class=""></div>
                  <div id="u453_text" class="text ">
                    <p><span>可训程度：</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u454" class="ax_default icon">
              <img id="u454_img" class="img " src="images/选择宠物页/u454.png"/>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u455" class="ax_default image">
              <img id="u455_img" class="img " src="images/引导用户使用页/u33.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u456" class="ax_default primary_button">
              <div id="u456_div" class=""></div>
              <div id="u456_text" class="text ">
                <p><span>已选择了一只猫，开始使用吧</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u457" class="ax_default box_1">
              <div id="u457_div" class=""></div>
              <div id="u457_text" class="text ">
                <p><span>猫</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u458" class="ax_default box_1">
              <div id="u458_div" class=""></div>
              <div id="u458_text" class="text ">
                <p><span>狗</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u459" class="ax_default box_1">
              <div id="u459_div" class=""></div>
              <div id="u459_text" class="text ">
                <p><span>请输入宠物名称</span></p>
              </div>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u460" class="ax_default icon">
              <img id="u460_img" class="img " src="images/护理技巧页/u256.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Right Arrow) -->
      <div id="u461" class="ax_default box_1">
        <img id="u461_img" class="img " src="images/选择宠物页/u461.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u462" class="ax_default heading_2">
        <div id="u462_div" class=""></div>
        <div id="u462_text" class="text ">
          <p><span>冻结固定在顶部，不会随着用户下滑而移动。最初默认进入猫品种的页面</span></p>
        </div>
      </div>

      <!-- Unnamed (Right Arrow) -->
      <div id="u463" class="ax_default box_1">
        <img id="u463_img" class="img " src="images/选择宠物页/u461.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u464" class="ax_default heading_2">
        <div id="u464_div" class=""></div>
        <div id="u464_text" class="text ">
          <p><span>规定了每个选项卡的显示信息。选狗页也是同样的布局，但是狗需要添加条目：“体味程度”、“粘人程度”www.ichong123.com/</span></p>
        </div>
      </div>

      <!-- Unnamed (Right Arrow) -->
      <div id="u465" class="ax_default box_1">
        <img id="u465_img" class="img " src="images/选择宠物页/u461.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u466" class="ax_default heading_2">
        <div id="u466_div" class=""></div>
        <div id="u466_text" class="text ">
          <p><span>调用摄像头，拍照识别宠物，或者</span></p><p><span>从相册中选图片</span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u467" class="ax_default image">
        <img id="u467_img" class="img " src="images/引导用户使用页/u33.png"/>
      </div>

      <!-- Unnamed (Right Arrow) -->
      <div id="u468" class="ax_default box_1">
        <img id="u468_img" class="img " src="images/选择宠物页/u461.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u469" class="ax_default heading_2">
        <div id="u469_div" class=""></div>
        <div id="u469_text" class="text ">
          <p><span>用户单击选项卡，即表示已经选择了该宠物且应该要改变选项卡的配色，例如：</span></p>
        </div>
      </div>

      <!-- card (Group) -->
      <div id="u470" class="ax_default" data-label="card" data-left="1133" data-top="584" data-width="373" data-height="240">

        <!-- Unnamed (Rectangle) -->
        <div id="u471" class="ax_default box_2">
          <div id="u471_div" class=""></div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u472" class="ax_default image">
          <img id="u472_img" class="img " src="images/选择宠物页/u402.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u473" class="ax_default heading_3">
          <div id="u473_div" class=""></div>
          <div id="u473_text" class="text ">
            <p><span>波斯猫</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u474" class="ax_default" data-left="1233" data-top="636" data-width="146" data-height="21">

          <!-- Unnamed (Shape) -->
          <div id="u475" class="ax_default icon">
            <img id="u475_img" class="img " src="images/选择宠物页/u405.png"/>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u476" class="ax_default icon">
            <img id="u476_img" class="img " src="images/选择宠物页/u405.png"/>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u477" class="ax_default icon">
            <img id="u477_img" class="img " src="images/选择宠物页/u405.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u478" class="ax_default label">
            <div id="u478_div" class=""></div>
            <div id="u478_text" class="text ">
              <p><span>喜叫程度：</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u479" class="ax_default" data-left="1233" data-top="662" data-width="146" data-height="21">

          <!-- Unnamed (Shape) -->
          <div id="u480" class="ax_default icon">
            <img id="u480_img" class="img " src="images/选择宠物页/u405.png"/>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u481" class="ax_default icon">
            <img id="u481_img" class="img " src="images/选择宠物页/u405.png"/>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u482" class="ax_default icon">
            <img id="u482_img" class="img " src="images/选择宠物页/u405.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u483" class="ax_default label">
            <div id="u483_div" class=""></div>
            <div id="u483_text" class="text ">
              <p><span>掉毛程度：</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u484" class="ax_default" data-left="1233" data-top="745" data-width="257" data-height="62">

          <!-- Unnamed (Rectangle) -->
          <div id="u485" class="ax_default label">
            <div id="u485_div" class=""></div>
            <div id="u485_text" class="text ">
              <p><span>特点：性情温文尔雅，聪明敏捷，善解人意，少动好静，叫声尖细柔美，爱撒娇。</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u486" class="ax_default" data-left="1233" data-top="717" data-width="73" data-height="18">

          <!-- Unnamed (Rectangle) -->
          <div id="u487" class="ax_default label">
            <div id="u487_div" class=""></div>
            <div id="u487_text" class="text ">
              <p><span>体型毛长：</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u488" class="ax_default" data-left="1306" data-top="718" data-width="73" data-height="18">

          <!-- Unnamed (Rectangle) -->
          <div id="u489" class="ax_default label">
            <div id="u489_div" class=""></div>
            <div id="u489_text" class="text ">
              <p><span>中型、长毛</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u490" class="ax_default" data-left="1233" data-top="611" data-width="73" data-height="18">

          <!-- Unnamed (Rectangle) -->
          <div id="u491" class="ax_default label">
            <div id="u491_div" class=""></div>
            <div id="u491_text" class="text ">
              <p><span>别名：波登</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u492" class="ax_default" data-left="1233" data-top="687" data-width="146" data-height="21">

          <!-- Unnamed (Shape) -->
          <div id="u493" class="ax_default icon">
            <img id="u493_img" class="img " src="images/选择宠物页/u405.png"/>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u494" class="ax_default icon">
            <img id="u494_img" class="img " src="images/选择宠物页/u405.png"/>
          </div>

          <!-- Unnamed (Shape) -->
          <div id="u495" class="ax_default icon">
            <img id="u495_img" class="img " src="images/选择宠物页/u405.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u496" class="ax_default label">
            <div id="u496_div" class=""></div>
            <div id="u496_text" class="text ">
              <p><span>可训程度：</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Vertical Line) -->
      <div id="u497" class="ax_default line">
        <img id="u497_img" class="img " src="images/选择宠物页/u497.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u498" class="ax_default heading_2">
        <div id="u498_div" class=""></div>
        <div id="u498_text" class="text ">
          <p><span>该按钮简单显示用户已选结果，可跳转至小程序首页</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
